<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>chushi</title>

</head>
    <!-- 引入Vue -->
    <script src="../js/vue.js"></script>
<body>
    <div id="app">

    </div>
</body>
<script  type="text/javascript">
	// let number = 18
    // let person = {
    //     name:'张三',
    //     sex:'男',
    // }
    // Object.defineProperty(person,'age',{
    //     // value:18,
    //     // enumerable:true, //控制属性是否可以枚举，默认值是false
    //     // writable:true, //控制属性是否可以被修改，默认值是false
    //     // configurable:true //控制属性是否可以被删除，默认值是false

    //     //当有人读取person的age属性时，get函数(getter)就会被调用，且返回值就是age的值
    //     get(){
    //         console.log('有人读取age属性了')
    //         return number
    //     },

    //     //当有人修改person的age属性时，set函数(setter)就会被调用，且会收到修改的具体值
    //     set(value){
    //         console.log('有人修改了age属性，且值是',value)
    //         number = value
    //     }

    // })

    // // console.log(Object.keys(person))

    // console.log(person)
    let obj = {x:200}
    let obj2 = {y:300}
    Object.defineProperty(obj2,'y',{
        get(){
            return obj.x
        },
        set(val){
            obj.x = y
        }
    })
</script>
</html>